<!DOCTYPE html>
<html lang="cn" class="no-js">
<head>
    <meta charset="utf-8">
    <title>后台管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../dist/img/titleLogo.png" type="image/x-icon"/>
    <link rel="stylesheet" href="../dist/sweetalert2/dist/sweetalert2.min.css">
    <script src="../dist/sweetalert2/dist/sweetalert2.min.js"></script>
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" href="../css/login.css">
    <!-- jQuery 2.1.4 -->
    <script src="../dist/plugins/jQuery/jQuery-2.1.4.min.js"></script>
    <!-- jQuery UI 1.11.2 -->
    <script src="../dist/js/jquery-ui.min.js" type="text/javascript"></script>
</head>
<body style="background:url('../dist/img/login_bg.png');">
<div class="main">
    <img src="../dist/img/pt.png">
    <div class="right">
        <div class="title">PT珠宝后台管理</div>
        <div class="input">
            <div class="inAccount">
                <input type="text" name="username" onkeyup="account()" placeholder="请输入账户"class=" username el-input" id="account">
                <p id="noAccount">请输入用户名</p>
            </div>
            <div class="inPassword">
                <input type="password" name="password" onkeyup="password()" placeholder="请输入密码"class="password el-input" id="password">
                <p id="noPassword">请输入密码</p>
            </div>
            <div class="login">
                <button type="submit" id="sendInfo">登录</button>
            </div>
        </div>
    </div>
</div>
<script>
    function account() {
        var a = document.getElementById('account').value;
        var ab = document.getElementById('account');
        console.log(a);
        var b=  document.getElementById('noAccount');
        if(a==""){
            ab.style.border=1+'px solid red';
            b.style.display='block';
        }else{
            ab.style.border= 1 +'px solid white';
            b.style.display='none';
        }
    }
    function password() {
        var a = document.getElementById('password').value;
        var ab = document.getElementById('password');

        console.log(a);
        var b=  document.getElementById('noPassword');
        if(a==""){
            ab.style.border=1+'px solid red';
            b.style.display='block';
        }else{
            ab.style.border= 1 +'px solid white';
            b.style.display='none';
        }
    }
</script>
<script src="../js/base.js"></script>
<script src="../js/login.js"></script>
</body>
</html>

